<template>
	<view class="container">
		<view class="aaa">
			<view class="Topbox" :style="'height:'+(Details_top-7)+'px'"></view>
			<!-- 头部定位 -->
			<view class="fixed_position " :style="'height:'+Details_height+'px;'+'line-height:'+Details_height+'px;'">
				<u-icon name="arrow-left" @click="Comeback" label="返回" :label-size="Details_height" :size="Details_height"></u-icon>
			</view>
		</view>
		<view class="container3">
			<u-top-tips ref="uTips"></u-top-tips>
			<view class="bxo1">
				<img :src="Img"
					alt="">
				<view class="boxtext">
					<view class="box1_1">
						<view>对对对</view>
						<view>编号：1213</view>
					</view>
					<view style="margin: 50rpx;">性别：男</view>
					<view class="box1_2">
						<view style="display: flex;flex-direction: column;justify-content: center;align-items: center;">
							<view style="font-size: 30rpx;">11岁</view>
							<view>年龄</view>
						</view>
						<view style="display: flex;flex-direction: column;justify-content: center;align-items: center;">
							<view style="font-size: 30rpx;">2个月</view>
							<view>经验</view>
						</view>
						<view style="display: flex;flex-direction: column;justify-content: center;align-items: center;">
							<view style="font-size: 30rpx;">无家可归</view>
							<view>籍贯</view>
						</view>
					</view>
				</view>
			</view>
			<!-- 简介 -->
			<view class="brief">
				<view>类型：全职</view>
				<view>工作能力：做家务，全职带孩子</view>
				<view>自我介绍：工龄：三年 语言：白话，普通话</view>
				<view>最高学历：初中</view>
				<view>工作状态：在岗</view>
				<view>期望薪资：10000元</view>
			</view>
			<!-- 推荐 -->
			<!-- <character :NewList="Newlist"></character> -->
			<!--我要约看  -->
			<view class="Aboutbox">
				<u-button type="primary">点击获取联系方式</u-button>
				<u-button type="success">提交订单</u-button>
			</view>

		</view>
	</view>

</template>

<script>
	import {
		Cachet
	} from "../../Components/Cephalic_capsule.js"
	export default {
		data() {
			return {
				Details_top: "",
				Details_bottom: "",
				Details_height: "",
				Details_width: "",
				Details_left: "",
				Details_right: "",
                
				Img:"",
			}

		},
		onLoad(information) {
			this.Details_top = Cachet.top;
			this.Details_bottom = Cachet.bottom;
			this.Details_height = Cachet.height;
			this.Details_width = Cachet.width;
			this.Details_left = Cachet.left;
			this.Details_right = Cachet.right;
			this.Img=information.information;
			console.log(this.Img);
		},
		methods: {
       Comeback(){
		   uni.navigateBack({
		   	delta: 1
		   });
	   }

		},
		onShow() {

		},
	}
</script>
<style>
	page{
		height: 100%;
	}
</style>
<style scoped>
	.aaa {
		position: fixed;
		z-index: 99;
		background-color: #ffffff;
		width: 100%;
		height: 210rpx;
		top: 0;
		/* border: 1px solid red; */
	}

	.Topbox {
		background-color: white;
	}

	.fixed_position {
		margin-top: 7px;
		margin-left: 30rpx;
	}

	.brief view {
		margin-top: 30rpx;
		margin-bottom: 30rpx;
	}

	.brief {
		border: 1px solid gainsboro;
		margin-top: 100rpx;
	}

	.About {
		background-color: #0AB829;
		height: 50rpx;
		color: white;
		line-height: 50rpx;
		width: 150rpx;
		text-align: center;
		border-radius: 10rpx;
	}

	.Aboutbox {
		display: flex;
		justify-content: space-around;
		border-top: 1px solid gainsboro;
		position: fixed;
		width: 100%;
		top: 91%;
		height: 150rpx;
		align-items: center;
		z-index: 999;
		background-color: white;
	}

	.Aboutbox text {
		font-size: 30rpx;
	}

	.container3 {
		height: 100%;
	}

	.box1_2 {
		display: flex;
		justify-content: space-around;
		margin-top: 40rpx;
	}

	.boxtext {
		width: 100%;
		display: flex;
		flex-direction: column;

	}

	.box1_1 {
		display: flex;
		justify-content: space-around;
	}

	.bxo1 img {
		height: 250rpx;
		width: 200rpx;
		display: flex;

	}

	.bxo1 {
		display: flex;
		background-color:white;
		
	}
   .container{
	   height: 100%;
	   		margin-top: 230rpx;
   }
</style>
